<template>
    <el-card id="index_id">
    <template>
      <el-carousel indicator-position="outside">
        <el-carousel-item v-for="item in img_list" :key="item.id">
            <img :src="'http://127.0.0.1:3000'+item.img">
        </el-carousel-item>
      </el-carousel>
    </template>
  </el-card>
</template>

<script>
import { mapMutations,mapState,mapActions} from "vuex";
export default {
 data() {
    return {
    };
  },
  computed:{
    ...mapState({'img_list':state=>state.IndexStore.img_list}),
   
  },
   methods: {
    ...mapActions('IndexStore',["BannerActions"]),
    ...mapMutations('IndexStore',["BannerMutation"])
  },
   created() {
    this.BannerActions(); 
  },
 
}
</script>

<style>
#index_id {
  height: 80vh;
}
img{
  width:1000px;
  height:300px;
}
</style>
